<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://www.google.com/2005/gml/b" xmlns:data="http://www.google.com/2005/gml/data" xmlns:expr="http://www.google.com/2005/gml/expr"><head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<script type="text/javascript">(function() { var b=window,e="jstiming",f="tick";(function(){function c(a){this.t={};this.tick=function(a,c,d){d=void 0!=d?d:(new Date).getTime();this.t[a]=[d,c]};this[f]("start",null,a)}var a=new c;b.jstiming={Timer:c,load:a};if(b.performance&&b.performance.timing){var d=b.performance.timing,a=b[e].load,g=d.navigationStart,d=d.responseStart;0<g&&d>=g&&(a[f]("_wtsrt",void 0,g),a[f]("wtsrt_","_wtsrt",d))}try{a=null,b.chrome&&b.chrome.csi&&(a=Math.floor(b.chrome.csi().pageT)),null==a&&b.gtbExternal&&(a=b.gtbExternal.pageT()),null==a&&b.external&&
(a=b.external.pageT),a&&(b[e].pt=a)}catch(j){}})();b.tickAboveFold=function(c){var a=0;if(c.offsetParent){do a+=c.offsetTop;while(c=c.offsetParent)}c=a;750>=c&&b[e].load[f]("aft")};var h=!1;function i(){h||(h=!0,b[e].load[f]("firstScrollTime"))}b.addEventListener?b.addEventListener("scroll",i,!1):b.attachEvent("onscroll",i);
 })();</script>
<meta content="true" name="MSSmartTagsPreventParsing">
<meta content="blogger" name="generator">
<link href="http://demofree-88.blogspot.com/favicon.ico" rel="icon" type="image/x-icon">
<link href="http://demofree-88.blogspot.com/2012/03/portable-css3-button-generator.html" rel="canonical">
<link rel="alternate" type="application/atom+xml" title="Free-88 Demo - Atom" href="http://demofree-88.blogspot.com/feeds/posts/default">
<link rel="alternate" type="application/rss+xml" title="Free-88 Demo - RSS" href="http://demofree-88.blogspot.com/feeds/posts/default?alt=rss">
<link rel="service.post" type="application/atom+xml" title="Free-88 Demo - Atom" href="http://www.blogger.com/feeds/6186932479848503009/posts/default">
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=6186932479848503009">
<link rel="alternate" type="application/atom+xml" title="Free-88 Demo - Atom" href="http://demofree-88.blogspot.com/feeds/7161749812805416743/comments/default">
<link rel="image_src" href="http://4.bp.blogspot.com/-2ttwE774xF0/T1XCjiEP8EI/AAAAAAAACSs/0Zne7_P6N9U/s72-c/css3-button-generator-rev2.png">
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<title>Free-88 Demo: Portable CSS3 Button Generator</title>
<link type="text/css" rel="stylesheet" href="portable-css3-button-generator_files/828895675-widget_css_bundle.css">
<link type="text/css" rel="stylesheet" href="portable-css3-button-generator_files/authorization.css">
<style type="text/css">
#navbar-iframe { display:block }
#b-navbar{white-space:nowrap;color:#444;height:29px;border-bottom:1px solid #888;background:transparent;font-size:13px;font-family:Arial,Sans-serif}#b-navbar #b-navbar-bg{position:absolute;right:0;top:0;width:100%;height:30px;z-index:-1;background-color:#fff;opacity:0.4;filter:alpha(opacity=40)}#b-navbar-controls{margin-right:.2em;height:29px}#b-navbar #b-navbar-logo{display:block;margin-left:8px;margin-right:8px;width:20px;height:20px;background:url('http://img1.blogblog.com/img/navbar/icons_peach.png') no-repeat -26px 0;cursor:pointer;cursor:hand}#b-navbar #b-query-box{background-color:#fff;margin:0 .5em 0 0;border:1px solid #aaa;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:0 .3em}#b-navbar #b-query-icon{display:block;width:13px;height:13px;cursor:pointer;cursor:hand;background:url('http://img1.blogblog.com/img/navbar/icons_peach.png') no-repeat 0 0}#b-navbar #b-query-icon:hover{background:url('http://img1.blogblog.com/img/navbar/icons_peach.png') no-repeat -13px 0}#b-navbar #b-query{font-size:13px;color:#000;background-color:transparent;border:none;width:10em;margin:0}#b-navbar .b-link,#b-navbar #b-user{font-size:13px;vertical-align:middle;padding:0 .4em}#b-navbar .b-link{color:#333;text-decoration:none;white-space:nowrap;cursor:pointer;cursor:hand}#b-navbar .b-link:hover{color:#55e;text-decoration:underline}#b-navbar .b-menu{border:none;border:0;margin:0;padding:0 10px}#b-navbar .b-menu ul{list-style:none;margin:0;padding:0}#b-navbar .b-menu ul ul{background-color:#fff;color:#000}#b-navbar .b-menu li{background:none;border:none;font-weight:normal;margin:0;padding:0}#b-navbar .b-menu li:hover{background-color:#fff}#b-navbar .b-menu li a{display:block;margin:0;padding:0 10px 0 10px;text-align:center;text-decoration:none;height:29px;line-height:30px;cursor:pointer;position:relative}#b-navbar .b-menu li ul{display:none;height:auto;padding:0;margin:0;position:absolute;z-index:200}#b-navbar .b-menu li:hover ul{display:block}#b-navbar .b-menu li li{background-color:#fff;display:block;margin:0;padding:0}#b-navbar .b-menu li:hover li a{background:none}#b-navbar .b-menu li a:hover,#b-navbar .b-menu li:hover .b-link{color:#000;text-decoration:none}#b-navbar .b-menu ul li a span.arrow{background:url('http://img1.blogblog.com/img/navbar/arrows-light.png') no-repeat -12px center;display:inline-block;width:7px;height:10px;margin:0 0 0 5px}#b-navbar .b-menu li:hover span.arrow{background:url('http://img1.blogblog.com/img/navbar/arrows-light.png') no-repeat 0 center}#b-navbar .b-menu li ul a{display:block;height:35px;font-size:13px;font-style:normal;margin:0;padding:0 25px 0 15px;text-align:right;color:#777777}#b-navbar .b-menu ul li ul{border:1px #fff solid;-webkit-box-shadow:0 4px 16px rgba(0,0,0,0.2);-moz-box-shadow:0 4px 16px rgba(0,0,0,0.2);-ms-box-shadow:0 4px 16px rgba(0,0,0,0.2);box-shadow:2px 4px 4px rgba(0,0,0,0.2)}#b-navbar .b-menu li ul a:hover,#b-navbar .b-menu li ul li:hover a{border:0;cursor:pointer;background-color:#f1f1f1;color:#000}#b-navbar .b-menu p{clear:right}#bt-unflag-body{display:none}#flagi,#unflagi{display:none;top:3px;color:#000;background-color:#ff9;border:1px solid #333;z-index:300;padding:4px;font-size:.7em;line-height:.8em}#flagi a,#unflagi a{color:#3366cc;text-decoration:underline}.b-mobile{display:none}#b-sms{margin:0 0 0 100px;padding:4px 7px;line-height:1em;font-size:100%;text-align:right}#b-sms a{margin-left:.5em;line-height:1em}#b-sms a:hover{text-decoration:underline}@media handheld{body .b-mobile{display:block}body #b-navbar-fg,body #flagi,body #unflagi{display:none}}</style>
<style id="page-skin-1" type="text/css"><!--
/*
-----------------------------------------------
Blogger Template
Name       : Simclearean (Simple Clean & Clear)
Designer : Hendriono
URL          : http://modification-blog.blogspot.com/
Date         :  15 Maret 2011
Simclearean (Simple Clean & Clear) blogger template
comes under a Creative Commons license.
They are free of charge to use as a theme for your blog and
you can make changes to the templates to suit your needs.
but please you must keep the footer credit links intact which
provides credit to its author.
----------------------------------------------- */
/* Body */
body {background-color:#fff;cursor:default;margin:0;padding:14px 0 8px;}
body, input, select, textarea {font-family:Verdana,Helvetica,sans-serif;font-size:11px;}
#wrap {background:url(http://lh5.ggpht.com/_xcD4JK_dIjU/S-KAfOiWMCI/AAAAAAAAEBo/vpJGTe92QQ0/d/logo.gif) no-repeat scroll right 5px #fff;margin:0 auto;width:940px;}
#header-wrap{width: 740px; height: 90px; overflow: hidden;}
.fright {float:right;}
.date {color:#154463;margin-top:77px;width:149px;}
#header .description  {color:#7BC4DF;font-family:Arial,Tahoma,Verdana;font-size:12px;font-weight:bold;padding:0;margin:0;}
h1{font:40px Georgia,Serif;letter-spacing:0;margin:0;padding:15px 0px 0.2em;text-shadow:2px 2px 2px #999;color:#003366;}
h3 {margin-bottom:3px;margin-top:0;font-size:12px;font-weight:bold;}
h1 a, h3 a {text-decoration:none;}
h2, h3 {background:url(http://lh4.ggpht.com/_xcD4JK_dIjU/S-KAVeRULMI/AAAAAAAAEBQ/G2pvMIrOJIQ/d/bg1.gif) repeat-y scroll left center #c9e9f4;color:#003366;border:1px solid #7bc4df;padding:4px 8px 5px;}
h2 {font-size:12px;font-weight:bold;}
h2, #panc, #panr {margin-top:10px;margin-bottom:3px;}
h4 {padding:0; margin:0;}
/* General */
#navbar{display:none;height:0;visibility:hidden}
a:focus,a:hover,a:active{outline:none}
.clear {clear:both;}
form {margin:0;}
.bold {font-weight:bold;}
.quickedit {display:none; border:0; padding:0;}
/* Menu Atas */
#menu-atas {margin-right:162px;}
#tabs {margin-top:15px;padding-left:7px;}
#tabs a {border:1px solid #339dc6;font-size:13px;line-height:24px;padding:2px 10px 4px;text-decoration:none;}
#tabs a, #pg td a {background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif) repeat-x scroll center top #2F94BA;color:#fff;}
#tabs a#this {font-weight:bold;padding:3px 10px 5px;}
#tabs a#this, #tabs a:hover {background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif) repeat-x scroll 0 0 #e1f4fb;border-color:#7bc4df #7bc4df -moz-use-text-color;border-style:solid solid none;border-width:1px 1px 0;color:#003366;}
#tabs a#this:hover, #tabs a:hover {border-bottom:2px solid #f3fbfd;padding-bottom:3px;}
#pans {background:url(http://lh4.ggpht.com/_xcD4JK_dIjU/S-KAVmrX6JI/AAAAAAAAEBY/FhoaMR0BWkY/d/bg3.gif) repeat-x scroll center top #c9e9f4;border:1px solid #7bc4df;color:#003366;line-height:7px;min-height:40px;padding:7px 13px 5px;}
#pans input, #pans select {margin:0 -1px 0 4px;}
#pans form {padding-top:8px;}
#pans input, #pans select, #pans form {font-size:13px;}
#pans span {color:#2a5883;}
#pans div span {color:#a2d5e8;padding:0 2px;}
#pans div {float:right;line-height:20px;margin-top:-1px;text-align:right;}
#pans div a:hover {border-bottom:1px solid #91cbe1;}
#star {background:url(http://lh4.ggpht.com/_xcD4JK_dIjU/S-KAfR0I37I/AAAAAAAAEBs/hffDCd6JFG8/d/star.gif) no-repeat scroll left 1px transparent;padding-left:18px;}
.but {cursor:pointer;padding-bottom:1px;}
input.go[type="submit"] {width:38px;}
/* Widget */
.widget-content {background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #e7f7fb;border:1px solid #7bc4df;line-height:16px;margin:0;padding:4px;}
.widget-content a, #pans div a {color:#003366;text-decoration:none;}
.widget-content a:hover {border-bottom:1px solid #91cbe1;}
.widget-content a img {padding-bottom:1px;padding-top:3px;}
.widget-content ul{margin:0; padding:0;}
.widget-content li{list-style-type:none;padding-left:6px;}
#sidebar2 .widget-content{border:0 !important; background:none;margin:0;padding:0;}
/* Posting */
.not #na {background-image:none;padding-left:8px !important;}
.not .dl2 td {padding-left:8px;}
#panc {overflow:hidden;padding:0 10px;}
#panc a.adHeadline, #panc a.adText {font-size:13px;}
#panc a.adHeadline {color:#003366;display:block;font-weight:bold;padding:2px 2px 1px;text-decoration:underline;}
#panc a.adText {color:#003366;display:block;margin-bottom:-26px;padding:0 2px 4px;text-decoration:none;white-space:nowrap;}
#panc a.adHeadline:hover, #panc a.adText:hover {color:red;}
.dl1, .dl2 {border:1px solid #7BC4DF;border-collapse:collapse;color:#003366;width:100%;}
.dl1, .dl2, #pg {table-layout:fixed;}
.dl1 tbody a, .dl2 tbody a {white-space:nowrap !important;}
.dl1 {background:url(http://lh4.ggpht.com/_xcD4JK_dIjU/S-KAVeRULMI/AAAAAAAAEBQ/G2pvMIrOJIQ/d/bg1.gif) repeat-y scroll left center #C9E9F4;margin:0 0 3px 1px;}
.dl1 th {background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAfMOD02I/AAAAAAAAEBk/bQ5v0Lmvey0/d/bg6.gif) no-repeat scroll left center transparent;}
.dl1 th#na {padding-left:12px;text-align:left;}
.center, .dl1 td {text-align:center;}
.right {text-align:right;}
.dl1 th, .dl1 td {font-size:12px;font-weight:bold;}
.dl1 th {padding:4px 0 5px 4px;}
.dl1 td {padding:4px 4px 5px;}
.dl2 {background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB;margin-left:1px;margin-bottom:-1px;}
.dl2 thead tr {visibility:hidden;}
.dl2 tbody th {font-size:9px;font-weight:normal;padding:2px 0 1px;vertical-align:top;white-space:nowrap;}
.dl2 tbody td {line-height:15px;padding:1px 0 2px 5px;}
.dl2 tbody th, .dl2 tbody td {border-bottom:1px solid #7BC4DF;overflow:hidden;}
.dl2 a {color:#003366;text-decoration:none;}
.dl2 tbody a:hover {border-bottom:1px solid #69BBE0;color:#006699;}
col {background:none repeat scroll 0 0 transparent;}
table.dl2 td {white-space:nowrap;}
tr:hover{background-color:#D2EEF7;color:#000000;}
.entry-content, .post-footer{background:url(http://lh4.ggpht.com/_xcD4JK_dIjU/S-KAVmrX6JI/AAAAAAAAEBY/FhoaMR0BWkY/d/bg3.gif) repeat-x scroll center top #C9E9F4;border:1px solid #7BC4DF;color:#000;padding:10px;line-height:18px;}
.entry-content ul {margin:0;padding:0 0 0 15px;}
/*.entry-content a img {-moz-box-shadow:1px 1px 3px 1px #999;border:4px solid #FFF;}*/
.post-footer{margin:5px 0px;}
.komentar-block, #backlinks-container {background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB;border:1px solid #7BC4DF;margin:5px 0;padding:5px;}
#comments-block .avatar-image-container {margin-top:-6px;}
#blog-pager {background-color:#E7F7FB;border:1px solid #7BC4DF;padding:4px;}
#blog-pager a {text-decoration:none;}
.status-msg-wrap {font-size:11px !important;margin:0 0 2px !important;padding:1px !important;width:auto !important;}
div.gambar {margin:2px 1px 10px;padding:5px;text-align:center;background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB;border:1px solid #7BC4DF;display:inline-block;}
div.gambar img {display:block;}
div.gambar span{font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;text-shadow: 0 1px 1px rgba(0,0,0,.3);background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif) repeat-x scroll 0 0 #56b0d2;color:#fff;margin:5px 0 0;display:block;padding:2px;border:1px solid #2F94BA;}
/* Sidebar */
#panl {float:left;width:130px;}
#panr {float:right;width:160px;}
/* Slick For Post */
#slick_box {margin: 0px auto 0px auto;}
.slick_area {border:1px solid #7BC4DF;background-color:#E7F7FB;padding:8px;margin:10px 0;}
ul.slick {margin:0px; padding:0px;margin-top:5px;margin-bottom:4px;}
ul.slick li {list-style:none;display:inline;}
ul.slick li a {background-color:#C9E9F4;color:#fff;padding:5px 14px 5px 14px;text-decoration:none;font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;text-transform:uppercase;background-image:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif);background-repeat:repeat-x;background-position:bottom;}
ul.slick li a:hover {background-color:#C9E9F4;border-color:#339DC6;}
ul.slick li a.active {background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif) repeat-x scroll 0 0 #e1f4fb;border-color:#7BC4DF #7BC4DF -moz-use-text-color;border-style:solid solid none;border-width:1px 1px 0;color:#003366;}
.content-slick {background:url(http://lh4.ggpht.com/_xcD4JK_dIjU/S-KAVmrX6JI/AAAAAAAAEBY/FhoaMR0BWkY/d/bg3.gif) repeat-x scroll center top #C9E9F4;border:1px solid #7BC4DF;color:#000;min-height:40px;padding:7px 13px 5px;line-height:18px;}
.content-slick ul {margin:2px;padding:0;}
.content-slick ul li {list-style:none;border-bottom:1px solid #7BC4DF;padding:2px 0;}
.content-slick ul li:last-child {border-bottom:none;}
.content-slick ul li a {text-decoration:none;color:#3e4346;}
.content-slick ul li a:hover {color:#a59c83;}
#content_2, #content_3 { display:none; }
/* Share */
div.sociable { margin: 6px; }
.sociable ul {display: inline; margin: 0 !important; padding: 0 !important;}
.sociable ul li {background: none; display: inline !important; list-style-type: none; margin: 0; padding: 1px 10px 1px 1px;border:none;}
.sociable ul li:before { content: ""; }
.sociable img {float: none; width: 32px; height: 32px; border: 0; margin: 0; padding: 0;}
.sociable-hovers {opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40);}
.sociable-hovers:hover {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
/* Iklan */
#iklan {clear: both;margin: 5px 0 5px 140px;overflow: hidden;padding-bottom: 4px;width: 630px;}
.iklankiri {float: left;margin: 4px 0 0;padding: 2px 0;width: 362px;}
.sideadsr {background: none;margin: 0;padding: 2px;}
.sideadsl {background: url("http://lh4.ggpht.com/_xcD4JK_dIjU/THKX0ZwU8EI/AAAAAAAAEcU/PEhspLwoya8/s800/sideads.jpg") no-repeat scroll 2px 2px transparent;padding: 2px 0 2px 56px;margin: 0;}
.iklankanan {float: right;margin: 4px 0 0;padding: 2px 0;width: 262px;}
/* Optional */
.iklanlink {background-color:#FFF;border:1px solid #7BC4DF;margin:0 -1px 2px 1px;padding:2px 0 0;text-align:center;}
#iklan250{float:right;width:280px;text-align:center;background:transparent url(http://lh6.ggpht.com/_xcD4JK_dIjU/Sm8jz8qTKsI/AAAAAAAADHU/6te_TkpwmMw/d/ads250x250.png) center center no-repeat;padding:5px 4px 5px 0px;}
.small {background: url("http://lh5.ggpht.com/_xcD4JK_dIjU/S-bACJ7G-uI/AAAAAAAAED4/QE6Zs4Z5DyE/d/separator.gif") no-repeat scroll center bottom transparent;border-top: 1px solid #7BC4DF;font-size: 9px;line-height: 20px;margin: 5px auto;padding-bottom: 15px;width: 940px;}
.small a{text-decoration:none;}

--></style>
<script src="portable-css3-button-generator_files/jsapi" type="text/javascript"></script><script src="portable-css3-button-generator_files/jquery.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('2 6=g d();2 f=0;2 7=g d();5 1a(o){c(2 i=0;i<o.E.8.3;i++){2 8=o.E.8[i];6[f]=8.G.$t;c(2 k=0;k<8.n.3;k++){h(8.n[k].N==\'O\'){7[f]=8.n[k].p;f++;P}}}}5 Q(){2 9=g d(0);2 b=g d(0);c(2 i=0;i<7.3;i++){h(!w(9,7[i])){9.3+=1;9[9.3-1]=7[i];b.3+=1;b[b.3-1]=6[i]}}6=b;7=9}5 w(a,e){c(2 j=0;j<a.3;j++)h(a[j]==e)y R;y U}5 T(){2 r=x.S((6.3-1)*x.M());2 i=0;l.q(\'<v>\');L(i<6.3&&i<1d){l.q(\'<u><a p="\'+7[r]+\'">\'+6[r]+\'</a></u>\');h(r<6.3-1){r++}19{r=0}i++}l.q(\'</v>\')}5 J(){$(\'#17, #18\').1b();$("a.z").1c(5(){$(".s").Y("s");$(4).Z("s");$(".10-z").V();2 H=$(4).m("G");$("#"+H).W()})}5 I(){$(".A").X(5(){$(4).K("14");$(4).15("a").K("p");$(4).16("<B></B>");$(4).D().m("F","A");$(4).m("F","");$(4).D().11("<C>"+$(4).m("12")+"</C>")})}$(l).13(5(){J();I()});',62,76,'||var|length|this|function|relatedTitles|relatedUrls|entry|tmp||tmp2|for|Array||relatedTitlesNum|new|if||||document|attr|link|json|href|write||active||li|ul|contains|Math|return|slick|gambar|div|span|parent|feed|class|title|content_show|imgframe|bottomslick|removeAttr|while|random|rel|alternate|break|removeRelatedDuplicates|true|floor|printRelatedLabels|false|slideUp|slideDown|each|removeClass|addClass|content|append|alt|ready|style|parents|wrap|content_2|content_3|else|related_results_labels|hide|click|20'.split('|'),0,{}))
//]]></script>
<script type="text/javascript">
//<![CDATA[
var bookurl="http://URL.com/"
var bookname="Nama Blog"
function book(){if(document.all)window.external.AddFavorite(bookurl,bookname);
else if(window.sidebar)window.sidebar.addPanel(bookname,bookurl,"");}
function headerDate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10) daym='0'+daym
var dayarray=new Array('Sun','Mon','Tue','Wed','Thu','Fri','Sat')
var montharray=new Array('Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec')
return (''+dayarray[day]+', '+daym+' '+montharray[month]+' '+year+'')}
//]]></script>
<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script><script src="portable-css3-button-generator_files/google_top.js" type="text/javascript"></script></head>
<body>
<div class="navbar section" id="navbar"><div class="widget Navbar" id="Navbar1"><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener('load',
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<iframe src="portable-css3-button-generator_files/navbar.htm" marginwidth="0" marginheight="0" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search" frameborder="0" height="30px" scrolling="no" width="100%"></iframe>
<div></div><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</div></div>
<div id="wrap">
<div id="header-wrap">
<div class="header section" id="header"><div class="widget Header" id="Header1">
<div id="header-inner">
<div class="titlewrapper">
<h1 class="title">
<a href="http://demofree-88.blogspot.com/">Free-88 Demo</a>
</h1>
</div>
<div class="descriptionwrapper">
<p class="description"><span>
</span></p>
</div>
</div>
</div></div>
<div class="ad-banner">
<a href="http://www.o-om.com/">
<img src="portable-css3-button-generator_files/logo_baru.png"></a>
</div>
<div class="ad-banner2 section" id="ad-banner2"></div>
</div>
<span class="fright center date"><script type="text/javascript">document.write(headerDate())</script>Tue, 22 May 2012</span>
<div id="menu-atas">
<div id="tabs">
<a href="http://demofree-88.blogspot.com/" id="this">Home</a>
<a href="http://demofree-88.blogspot.com/2012/03/URL">Edit Link</a>
<a href="http://demofree-88.blogspot.com/2012/03/URL">Edit Link</a>
</div>
<div id="pans">
<div>
<a href="javascript:book();" id="star" target="_self" title="Add to Favorites">Bookmark</a>
<span>|</span>
<script src="portable-css3-button-generator_files/on2.htm" type="text/javascript"></script>6 users online<br>
<a href="http://demofree-88.blogspot.com/feeds/posts/default">Subscribe to RSS</a>
</div>
<form action="/search" method="get" name="search"><strong>Search</strong>
<input name="q" size="34" tabindex="1">
<input class="but go" tabindex="3" value="Go" type="submit">
</form>
<script type="text/javascript">document.search.q.focus();</script>
</div>
</div>
<div class="clear"></div>
<!-- Left -->
<div id="panl">
<div class="sidebar section" id="sidebar1"><div class="widget Label" id="Label1">
<h2>Category</h2>
<div class="widget-content list-label-widget-content">
<ul>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Accordion?&amp;max-results=30">Accordion</a>
<span dir="ltr">(6)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Artikel%2FPosting%20Terkait?&amp;max-results=30">Artikel/Posting Terkait</a>
<span dir="ltr">(3)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Browser?&amp;max-results=30">Browser</a>
<span dir="ltr">(7)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Button?&amp;max-results=30">Button</a>
<span dir="ltr">(3)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/ButtonSet?&amp;max-results=30">ButtonSet</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Code%20Snippet?&amp;max-results=30">Code Snippet</a>
<span dir="ltr">(43)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Contoh?&amp;max-results=30">Contoh</a>
<span dir="ltr">(31)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/CSS?&amp;max-results=30">CSS</a>
<span dir="ltr">(145)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Dasar?&amp;max-results=30">Dasar</a>
<span dir="ltr">(30)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Desain%20Tampilan?&amp;max-results=30">Desain Tampilan</a>
<span dir="ltr">(34)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Dialog?&amp;max-results=30">Dialog</a>
<span dir="ltr">(8)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Efek?&amp;max-results=30">Efek</a>
<span dir="ltr">(35)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Eksperimen?&amp;max-results=30">Eksperimen</a>
<span dir="ltr">(19)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Gambar?&amp;max-results=30">Gambar</a>
<span dir="ltr">(23)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/good%201?&amp;max-results=30">good 1</a>
<span dir="ltr">(3)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/HTML?&amp;max-results=30">HTML</a>
<span dir="ltr">(6)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/JavaScript?&amp;max-results=30">JavaScript</a>
<span dir="ltr">(52)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/JQuery?&amp;max-results=30">JQuery</a>
<span dir="ltr">(167)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/JQuery%20UI?&amp;max-results=30">JQuery UI</a>
<span dir="ltr">(11)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/JQueryUI?&amp;max-results=30">JQueryUI</a>
<span dir="ltr">(39)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Komentar?&amp;max-results=30">Komentar</a>
<span dir="ltr">(6)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Link?&amp;max-results=30">Link</a>
<span dir="ltr">(3)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Manipulasi?&amp;max-results=30">Manipulasi</a>
<span dir="ltr">(4)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Menengah?&amp;max-results=30">Menengah</a>
<span dir="ltr">(40)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Menu?&amp;max-results=30">Menu</a>
<span dir="ltr">(42)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Navigasi?&amp;max-results=30">Navigasi</a>
<span dir="ltr">(48)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Pemecahan%20Masalah?&amp;max-results=30">Pemecahan Masalah</a>
<span dir="ltr">(12)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Posting?&amp;max-results=30">Posting</a>
<span dir="ltr">(31)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Proteksi%20Konten%20Blog?&amp;max-results=30">Proteksi Konten Blog</a>
<span dir="ltr">(4)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Resizable?&amp;max-results=30">Resizable</a>
<span dir="ltr">(11)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Slide%20Panel?&amp;max-results=30">Slide Panel</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Slide%20Show?&amp;max-results=30">Slide Show</a>
<span dir="ltr">(15)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Slider?&amp;max-results=30">Slider</a>
<span dir="ltr">(9)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Slideshow?&amp;max-results=30">Slideshow</a>
<span dir="ltr">(5)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Spoiler?&amp;max-results=30">Spoiler</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Tab?&amp;max-results=30">Tab</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Tabel%20Konten?&amp;max-results=30">Tabel Konten</a>
<span dir="ltr">(7)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Tag%20Kondisional?&amp;max-results=30">Tag Kondisional</a>
<span dir="ltr">(6)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Tautan?&amp;max-results=30">Tautan</a>
<span dir="ltr">(9)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Template?&amp;max-results=30">Template</a>
<span dir="ltr">(2)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Tingkat%20Lanjut?&amp;max-results=30">Tingkat Lanjut</a>
<span dir="ltr">(42)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Tooltip?&amp;max-results=30">Tooltip</a>
<span dir="ltr">(3)</span>
</li>
<li>
<a dir="ltr" href="http://demofree-88.blogspot.com/search/label/Widget?&amp;max-results=30">Widget</a>
<span dir="ltr">(59)</span>
</li>
</ul>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=6186932479848503009&amp;widgetType=Label&amp;widgetId=Label1&amp;action=editWidget&amp;sectionId=sidebar1" onclick='return _WidgetManager._PopupConfig(document.getElementById("Label1"));' target="configLabel1" title="Edit">
<img alt="" src="portable-css3-button-generator_files/icon18_wrench_allbkg.png" height="18" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<!-- Left -->
<!-- Right -->
<div id="panr">
<div class="sidebar section" id="sidebar2">
</div>
<div class="sidebar section" id="sidebar3"></div>
</div>
<!-- Right -->
<!-- Main -->
<div class="not" id="panc">
<div class="main section" id="main"><div class="widget Blog" id="Blog1">
<div class="blog-posts hfeed">
<!-- google_ad_section_start(name=default) -->
<div class="post hentry uncustomized-post-template">
<a name="7161749812805416743"></a>
<h3 class="title">
<a href="http://demofree-88.blogspot.com/2012/03/portable-css3-button-generator.html">Portable CSS3 Button Generator</a>
</h3>
<div class="post-header-line-1"></div>
<div class="post-body entry-content">
<div class="iklanlink">
</div>
<div class="separator center"><a title="Portable CSS3 Button Generator" href="http://4.bp.blogspot.com/-2ttwE774xF0/T1XCjiEP8EI/AAAAAAAACSs/0Zne7_P6N9U/s1600/css3-button-generator-rev2.png" imageanchor="1"><img alt="Portable CSS3 Button Generator" src="portable-css3-button-generator_files/css3-button-generator-rev2.png"></a></div><br>Just updating my <a href="http://demofree-88.blogspot.com/2011/11/css3-button-generator-reconstruction.html">CSS3 Button Generator</a> tool. Now I make it more compact but with better automation. The <i>hold hover session</i> feature has been replaced by automation based on the behavior when the mouse pointer close to a special control to set the <code>:hover</code> state. Fix some of my mistakes, and to deal with <b>Opera</b> and <b>IE9</b> bug that can not use the <a href="http://demofree-88.blogspot.com/2011/12/konfigurasi-jquery-ui-slider.html">JQuery UI Slider</a> on the old version of <a href="http://demofree-88.blogspot.com/2011/12/jquery-ui.html">JQuery UI</a>. And the good news, this tool not only can be used as a CSS3 Button generator, but also as a compatible <a href="http://demofree-88.blogspot.com/2011/11/css3-linear-gradient-bagian-satu.html">CSS3 Gradient</a> generator.<br>There are several new features that I added. Just try and have fun! :)<br><br><div class="button-group"><a class="button demo" href="http://hompimpa.googlecode.com/svn/trunk/CSS3ButtonGenerator-V3/index.html" target="_blank">View Demo</a> <a class="button download" href="http://hompimpa.googlecode.com/svn/trunk/CSS3ButtonGenerator-V3/CSS3ButtonGenerator-V3.zip">Download Files</a></div><br>I have tested this tool on the latest version of <b>Opera</b>, <b>Firefox</b> and <b>Chrome</b>. Including <b>IE9</b> and <b>Safari</b> browsers.<br><br>Oh, God. I just hope there are no more errors and bugs on this tool. I want to create another tool!!! WAAAAARRRRRGGHHHH!!!!!<br>
<div class="iklanlink">
</div>
<div style="clear: both;"></div>
</div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-1">
<span class="post-author vcard">
</span>
<span class="post-timestamp">
</span>
<span class="reaction-buttons">
</span>
<span class="star-ratings">
</span>
<span class="post-comment-link">
</span>
<span class="post-backlinks post-comment-link">
</span>
<span class="post-icons">
<span class="item-action">
<a href="http://www.blogger.com/email-post.g?blogID=6186932479848503009&amp;postID=7161749812805416743" title="Posting Email">
<img alt="" class="icon-action" src="portable-css3-button-generator_files/icon18_email.gif" height="13" width="18">
</a>
</span>
</span>
</div>
<div class="post-footer-line post-footer-line-2">
<span class="post-labels">
Label:
<a href="http://demofree-88.blogspot.com/search/label/CSS?&amp;max-results=30" rel="tag">CSS</a>,
<script src="portable-css3-button-generator_files/CSS.htm" type="text/javascript"></script>
<a href="http://demofree-88.blogspot.com/search/label/Desain%20Tampilan?&amp;max-results=30" rel="tag">Desain Tampilan</a>,
<script src="portable-css3-button-generator_files/Desain%2520Tampilan.htm" type="text/javascript"></script>
<a href="http://demofree-88.blogspot.com/search/label/JavaScript?&amp;max-results=30" rel="tag">JavaScript</a>,
<script src="portable-css3-button-generator_files/JavaScript.htm" type="text/javascript"></script>
<a href="http://demofree-88.blogspot.com/search/label/JQuery?&amp;max-results=30" rel="tag">JQuery</a>,
<script src="portable-css3-button-generator_files/JQuery.htm" type="text/javascript"></script>
<a href="http://demofree-88.blogspot.com/search/label/JQuery%20UI?&amp;max-results=30" rel="tag">JQuery UI</a>
<script src="portable-css3-button-generator_files/JQuery%2520UI.htm" type="text/javascript"></script>
</span>
</div>
<div class="post-footer-line post-footer-line-3">
<span class="post-location">
</span>
</div>
</div>
</div>
<div class="slick_area">
<ul class="slick">
<li><a class="slick active" href="#terkait" title="content_1">Related Posts</a></li>
<li><a class="slick" href="#comments" title="content_2">Comments</a></li>
<li><a class="slick" href="#share" title="content_3">Share</a></li>
</ul>
<div class="content-slick" id="content_1">
<a name="terkait"></a>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script><ul></ul>
</div>
<div style="display: none;" class="content-slick" id="content_2">
<div class="comments" id="comments">
<a name="comments"></a>
<h4>
0
komentar:
</h4>
<dl class="avatar-comment-indent" id="comments-block">
</dl>
<p class="comment-footer">
</p><div class="comment-form">
<a name="comment-form"></a>
<h4 id="comment-post-message">Poskan Komentar</h4>
<p>Jika anda menyukai artikel ini atau masih ada yang belum di mengerti silahkan tinggalkan komentar....!!!<br>just*for*fun....</p>
<a href="http://www.blogger.com/comment-iframe.g?blogID=6186932479848503009&amp;postID=7161749812805416743&amp;blogspotRpcToken=9697717" id="comment-editor-src"></a>
<iframe allowtransparency="true" class="blogger-iframe-colorize blogger-comment-from-post" id="comment-editor" name="comment-editor" src="portable-css3-button-generator_files/comment-iframe.htm" frameborder="0" height="280px" width="605"></iframe>
<script type="text/javascript" src="portable-css3-button-generator_files/2166244152-comment_from_post_iframe.js"></script>
<script type="text/javascript">
BLOG_CMT_createIframe('http://www.blogger.com/rpc_relay.html', '08381753901715243256');
</script>
</div>
<p></p>
<div id="backlinks-container">
<div id="Blog1_backlinks-container">
</div>
</div>
</div>
</div>
<div style="display: none;" class="content-slick" id="content_3">
<a name="share"></a>
<div class="sociable center">
<ul>
<li><a href="http://digg.com/submit?url=http://demofree-88.blogspot.com/2012/03/portable-css3-button-generator.html&amp;title=Portable%20CSS3%20Button%20Generator" rel="nofollow" target="_blank" title="Digg"><img alt="Digg" class="sociable-hovers" src="portable-css3-button-generator_files/digg.png" title="Digg"></a></li>
<li><a href="http://del.icio.us/post?url=http://demofree-88.blogspot.com/2012/03/portable-css3-button-generator.html&amp;title=Portable%20CSS3%20Button%20Generator" rel="nofollow" target="_blank" title="del.icio.us"><img alt="del.icio.us" class="sociable-hovers" src="portable-css3-button-generator_files/delicious.png" title="del.icio.us"></a></li>
<li><a href="http://www.stumbleupon.com/submit?url=http://demofree-88.blogspot.com/2012/03/portable-css3-button-generator.html&amp;title=Portable%20CSS3%20Button%20Generator" rel="nofollow" target="_blank" title="StumbleUpon"><img alt="StumbleUpon" class="sociable-hovers" src="portable-css3-button-generator_files/stumbleupon.png" title="StumbleUpon"></a></li>
<li><a href="http://buzz.yahoo.com/submit/?submitUrl=http://demofree-88.blogspot.com/2012/03/portable-css3-button-generator.html&amp;title=Portable%20CSS3%20Button%20Generator" rel="nofollow" target="_blank" title="Yahoo! Buzz"><img alt="Yahoo! Buzz" class="sociable-hovers" src="portable-css3-button-generator_files/yahoo.png" title="Yahoo! Buzz"></a></li>
<li><a href="http://technorati.com/faves?add=http://demofree-88.blogspot.com/2012/03/portable-css3-button-generator.html&amp;title=Portable%20CSS3%20Button%20Generator" rel="nofollow" target="_blank" title="Technorati"><img alt="Technorati" class="sociable-hovers" src="portable-css3-button-generator_files/technorati.png" title="Technorati"></a></li>
<li><a href="http://www.facebook.com/sharer.php?u=http://demofree-88.blogspot.com/2012/03/portable-css3-button-generator.html&amp;title=Portable%20CSS3%20Button%20Generator" rel="nofollow" target="_blank" title="Facebook"><img alt="Facebook" class="sociable-hovers" src="portable-css3-button-generator_files/facebook.png" title="Facebook"></a></li>
<li><a href="http://twitthis.com/twit?url=http://demofree-88.blogspot.com/2012/03/portable-css3-button-generator.html&amp;title=Portable%20CSS3%20Button%20Generator" rel="nofollow" target="_blank" title="TwitThis"><img alt="TwitThis" class="sociable-hovers" src="portable-css3-button-generator_files/twitter.png" title="TwitThis"></a></li>
<li><a href="http://www.myspace.com/Modules/PostTo/Pages/?u=http://demofree-88.blogspot.com/2012/03/portable-css3-button-generator.html&amp;title=Portable%20CSS3%20Button%20Generator" rel="nofollow" target="_blank" title="MySpace"><img alt="MySpace" class="sociable-hovers" src="portable-css3-button-generator_files/myspace.png" title="MySpace"></a></li>
<li><a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://demofree-88.blogspot.com/2012/03/portable-css3-button-generator.html&amp;title=Portable%20CSS3%20Button%20Generator" rel="nofollow" target="_blank" title="LinkedIn"><img alt="LinkedIn" class="sociable-hovers" src="portable-css3-button-generator_files/linkedin.png" title="LinkedIn"></a></li>
<li><a href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http://demofree-88.blogspot.com/2012/03/portable-css3-button-generator.html&amp;title=Portable%20CSS3%20Button%20Generator" rel="nofollow" target="_blank" title="Google"><img alt="Google" class="sociable-hovers" src="portable-css3-button-generator_files/google.png" title="Google"></a></li>
<li><a href="http://www.reddit.com/submit?url=http://demofree-88.blogspot.com/2012/03/portable-css3-button-generator.html&amp;title=Portable%20CSS3%20Button%20Generator" rel="nofollow" target="_blank" title="Reddit"><img alt="Reddit" class="sociable-hovers" src="portable-css3-button-generator_files/reddit.png" title="Reddit"></a></li>
<li><a href="http://www.netvibes.com/share?url=http://demofree-88.blogspot.com/2012/03/portable-css3-button-generator.html&amp;title=Portable%20CSS3%20Button%20Generator" rel="nofollow" target="_blank" title="Netvibes"><img alt="Netvibes" class="sociable-hovers" src="portable-css3-button-generator_files/netvibes.png" title="Netvibes"></a></li>
</ul>
</div>
</div>
</div>
<!-- google_ad_section_end -->
</div>
<div class="blog-pager" id="blog-pager">
<span id="blog-pager-older-link">
<a class="blog-pager-older-link" href="http://demofree-88.blogspot.com/2012/03/masalah-efek-rounded-corner-pada-gambar.html" id="Blog1_blog-pager-older-link" title="Posting Lama">Posting Lama</a>
</span>
<a class="home-link" href="http://demofree-88.blogspot.com/">Beranda</a>
</div>
<div class="clear"></div>
<div class="post-feeds">
</div>
</div></div>
</div>
<div class="clear"></div>
<div id="iklan">
<div class="iklankiri section" id="iklan1"><div class="widget HTML" id="HTML14">
<h2 class="title">tabs</h2>
<div class="widget-content sideadsl">
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=6186932479848503009&amp;widgetType=HTML&amp;widgetId=HTML14&amp;action=editWidget&amp;sectionId=iklan1" onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML14"));' target="configHTML14" title="Edit">
<img alt="" src="portable-css3-button-generator_files/icon18_wrench_allbkg.png" height="18" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div></div>
<div class="iklankanan section" id="iklan2">
</div>
</div>
<!-- Main -->
<div class="small"><a class="fright" href="http://modification-blog.blogspot.com/">Design by Blogger Tune-Up</a>Copyright © 2011 Free-88 Demo | Powered by <a href="http://www.blogger.com/" target="_blank">Blogger</a></div>
</div>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script type="text/javascript" src="portable-css3-button-generator_files/949222031-widgets.js"></script>
<script type="text/javascript">
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '6186932479848503009';BLOG_attachCsiOnload('item_'); }_WidgetManager._Init('http://www.blogger.com/rearrange?blogID\x3d6186932479848503009','http://demofree-88.blogspot.com/2012/03/portable-css3-button-generator.html','6186932479848503009');
_WidgetManager._SetPageActionUrl('http://www.blogger.com/display?blogID\x3d6186932479848503009','APq4FmBqzRe6fS3eOi1CejmGIOP-mBqXjTmwi2y0M2FKtNef24mR01IBCp0bV9lXPNXVQ6hO_gnwWA4CvTGZmrLsh_cjtJ3psGpDYb9gq0BilP4UnbowL98\x3d','AOuZoY7UBIxW6G-X1Z6whdTvLUAS43el1A:1337698280041');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6186932479848503009', 'bloggerUrl': 'http://www.blogger.com', 'title': 'Free-88 Demo', 'pageType': 'item', 'url': 'http://demofree-88.blogspot.com/2012/03/portable-css3-button-generator.html', 'canonicalUrl': 'http://demofree-88.blogspot.com/2012/03/portable-css3-button-generator.html', 'canonicalHomepageUrl': 'http://demofree-88.blogspot.com/', 'homepageUrl': 'http://demofree-88.blogspot.com/', 'blogspotFaviconUrl': 'http://demofree-88.blogspot.com/favicon.ico', 'enabledCommentProfileImages': true, 'adultContent': false, 'searchLabel': '', 'searchQuery': '', 'pageName': 'Portable CSS3 Button Generator', 'pageTitle': 'Free-88 Demo: Portable CSS3 Button Generator', 'encoding': 'UTF-8', 'locale': 'in', 'isPrivate': false, 'isMobile': false, 'mobileClass': '', 'isPrivateBlog': false, 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42Free-88 Demo - Atom\42 href\75\42http://demofree-88.blogspot.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42Free-88 Demo - RSS\42 href\75\42http://demofree-88.blogspot.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42Free-88 Demo - Atom\42 href\75\42http://www.blogger.com/feeds/6186932479848503009/posts/default\42 /\76\n\74link rel\75\42EditURI\42 type\75\42application/rsd+xml\42 title\75\42RSD\42 href\75\42http://www.blogger.com/rsd.g?blogID\0756186932479848503009\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42Free-88 Demo - Atom\42 href\75\42http://demofree-88.blogspot.com/feeds/7161749812805416743/comments/default\42 /\76\n', 'meTag': '', 'openIdOpTag': '', 'postImageThumbnailUrl': 'http://4.bp.blogspot.com/-2ttwE774xF0/T1XCjiEP8EI/AAAAAAAACSs/0Zne7_P6N9U/s72-c/css3-button-generator-rev2.png', 'imageSrcTag': '\74link rel\75\42image_src\42 href\75\42http://4.bp.blogspot.com/-2ttwE774xF0/T1XCjiEP8EI/AAAAAAAACSs/0Zne7_P6N9U/s72-c/css3-button-generator-rev2.png\42 /\76\n', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var b\75window,e\75\42jstiming\42,f\75\42tick\42;(function(){function c(a){this.t\75{};this.tick\75function(a,c,d){d\75void 0!\75d?d:(new Date).getTime();this.t[a]\75[d,c]};this[f](\42start\42,null,a)}var a\75new c;b.jstiming\75{Timer:c,load:a};if(b.performance\46\46b.performance.timing){var d\75b.performance.timing,a\75b[e].load,g\75d.navigationStart,d\75d.responseStart;0\74g\46\46d\76\75g\46\46(a[f](\42_wtsrt\42,void 0,g),a[f](\42wtsrt_\42,\42_wtsrt\42,d))}try{a\75null,b.chrome\46\46b.chrome.csi\46\46(a\75Math.floor(b.chrome.csi().pageT)),null\75\75a\46\46b.gtbExternal\46\46(a\75b.gtbExternal.pageT()),null\75\75a\46\46b.external\46\46\n(a\75b.external.pageT),a\46\46(b[e].pt\75a)}catch(j){}})();b.tickAboveFold\75function(c){var a\0750;if(c.offsetParent){do a+\75c.offsetTop;while(c\75c.offsetParent)}c\75a;750\76\75c\46\46b[e].load[f](\42aft\42)};var h\75!1;function i(){h||(h\75!0,b[e].load[f](\42firstScrollTime\42))}b.addEventListener?b.addEventListener(\42scroll\42,i,!1):b.attachEvent(\42onscroll\42,i);\n })();\74/script\076', 'mobileHeadScript': '', 'analyticsAccountNumber': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/643e689621b3ec8a'}}, {'name': 'skin', 'data': {'vars': {}, 'override': ''}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '/?view\75classic'}, 'flipcard': {'name': 'flipcard', 'url': '/?view\75flipcard'}, 'magazine': {'name': 'magazine', 'url': '/?view\75magazine'}, 'mosaic': {'name': 'mosaic', 'url': '/?view\75mosaic'}, 'sidebar': {'name': 'sidebar', 'url': '/?view\75sidebar'}, 'snapshot': {'name': 'snapshot', 'url': '/?view\75snapshot'}, 'timeslide': {'name': 'timeslide', 'url': '/?view\75timeslide'}}}]);
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar1', null, document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML14', 'iklan1', null, document.getElementById('HTML14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header'));
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'http://www.blogger.com/static/v1/jsbin/1386232102-lbx.js', 'lightboxCssUrl': 'http://www.blogger.com/static/v1/v-css/228702327-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'null', null, document.getElementById('PageList1'), {'title': 'Pages', 'links': [{'href': 'http://demofree-88.blogspot.com/', 'title': 'Beranda', 'isCurrentPage': false}, {'href': 'http://demofree-88.blogspot.com/p/archive.html', 'title': 'Archive', 'isCurrentPage': false}], 'mobile': false}, 'displayModeFull'));
</script>

<link href="portable-css3-button-generator_files/228702327-lightbox_bundle.css" rel="stylesheet" type="text/css"><script src="portable-css3-button-generator_files/1386232102-lbx.js" type="text/javascript"></script></body></html>